<?php $this->headLink()
->appendStylesheet($this->Css('button.css'))
->appendStylesheet($this->js('css/jquery.alerts.css'))
?>
<?php $this->headScript()
->appendFile($this->js('plugins/jquery.form.js'))
->appendFile($this->js('plugins/jquery.blockUI.js'))
->appendFile($this->js('plugins/jquery.alerts.js'))
->captureStart()?>
$(document).ready(function(){
	$("#student_sn").change(function(){
		  var sn = $("#student_sn").val();
    	$.cookies.set('Student_Sn',sn);
    	getdata(sn);
	});


var sn = setStudent();
getdata(sn);
});
function getdata(sn) {
	var cc = $("#student_sn option").length;
		if (cc==0) {
			$("#student_sn").hide();
			alert('<?php echo $this->translate('none data')?>');
			$(".rightArea input").attr('disabled','disabled');
			return false;
		}
		$.get('<?php echo $this->route('getdata')?>',{sn:sn},function(data){
			$("#showdata").html(data);
		});
	};
<?php $this->headScript()->captureEnd()?>
<style>
#main_body {font-size:12px}
#sibling-table {border:#cca solid 1px; background:#ddc;width:400px;text-align:center}
#sibling-table td {background:#ffe}
#sibling-table caption {font-size:large;}
</style>


<div id="main_body">

<div class="leftArea">
<?php echo $this->render('student.phtml')?>

<p style="clear:both">
<input type="checkbox" id="next_student"  value="1" ><label for="next_student"><?php echo $this->translate('next student')?></label>
</p>
</div>
<div class="rightArea">
<div id="showdata">

</div>
</div>
<div style="clear:both"></div>
</div>